﻿<!DOCTYPE html>
<html>
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
    <title>Project - RPGX</title>
    <script type="text/javascript" src="jquery-1.5.1.min.js"></script>
    <script type="text/javascript" src="jquery-ui-1.8.14.custom.min.js"></script>
    <link type="text/css" rel="Stylesheet" href="Site.css" />
    <link type="text/css" rel="Stylesheet" href="jquery-ui-1.8.14.custom.css" />
    <script type="text/javascript">

        $(document).ready(function () {

            $("header a").hover(
                function () { $(this).addClass("ui-state-hover"); },
                function () { $(this).removeClass("ui-state-hover"); }
            );

            $(".projects li").hover(
                function () { $(this).addClass("ui-state-hover"); },
                function () { $(this).removeClass("ui-state-hover"); }
            );

            $(".projects li").click(function () {

                var project = $(this).data("project");

                window.location = "/projects/" + project;
            });

            $("#buttonNewProject")
                .button()
                .click(function () {

                    window.location = "/project/new/";
                });

            $("#buttonNewBug")
                .button()
                .click(function () {

                    window.location = "/bug/new/";
                });

            $("#buttonLogout")
                .button()
                .click(function () {

                    window.location = "/login/logout/";
                });

            $("#bugListAccordion").accordion();

            $("#tabs").tabs({

                selected: 0
            });
        });

    </script>
</head>
<body>
    <section class="page">
        <header class="pageHeader">
            <nav>
                <button id="buttonLogout" class="login">Log Out</button>
                <button id="buttonNewProject" class="login">New Project</button>
                <button id="buttonNewBug" class="login">New Bug</button>
            </nav>
        </header>
        <section class="body">
            <header>RPGX</header>
            <section class="bugRoadMap">
                <div id="tabs">
                    <ul>
                        <li><a href="#tabRoadmap">Roadmap</a></li>
                        <li><a href="#tabDetails">Details</a></li>
                    </ul>
                    <div id="tabRoadmap">
                        <div id="bugListAccordion">
                            <h3><a href="#">Graphics Engine</a></h3>
                            <div>
                                <ul id="bugList" class="ui-widget ui-helper-clearfix">
                                    <li class="bug"><a class="priority1 open" href="#">Fix this bug - 189</a>
                                        <ul class="ui-widget ui-helper-clearfix">
                                            <li class="bug"><a class="priority3 fixed" href="#">Fix this bug - 354</a></li>
                                            <li class="todo"><a class="priority1 closed" href="#">Do this TODO - 99</a>
                                                <ul class="ui-widget ui-helper-clearfix">
                                                    <li class="bug"><a class="priority2 wontfix" href="#">Fix this bug - 354</a></li>
                                                    <li class="todo"><a class="priority1" href="#">Do this TODO - 99</a></li>
                                                    <li class="todo"><a class="priority3" href="#">Do this TODO - 7</a></li>
                                                </ul>
                                            </li>
                                            <li class="todo"><a class="priority2" href="#">Do this TODO - 7</a></li>
                                        </ul>
                                    </li>
                                    <li class="bug"><a class="priority2" href="#">Fix this bug - 25</a></li>
                                    <li class="bug"><a class="priority3" href="#">Fix this bug - 354</a></li>
                                    <li class="todo"><a class="priority1" href="#">Do this TODO - 99</a></li>
                                    <li class="todo"><a class="priority2" href="#">Do this TODO - 7</a></li>
                                    <li class="todo"><a class="priority3" href="#">Do this TODO - 254</a></li>
                                </ul>
                            </div>
                            <h3><a href="#">Scripting</a></h3>
                            <div>
                                <ul id="Ul1" class="ui-widget ui-helper-clearfix">
                                    <li class="bug"><a class="priority1" href="#">Fix this bug - 189</a>
                                        <ul class="ui-widget ui-helper-clearfix">
                                            <li class="bug"><a class="priority3" href="#">Fix this bug - 354</a></li>
                                            <li class="todo"><a class="priority1" href="#">Do this TODO - 99</a>
                                                <ul class="ui-widget ui-helper-clearfix">
                                                    <li class="bug"><a class="priority2" href="#">Fix this bug - 354</a></li>
                                                    <li class="todo"><a class="priority1" href="#">Do this TODO - 99</a></li>
                                                    <li class="todo"><a class="priority3" href="#">Do this TODO - 7</a></li>
                                                </ul>
                                            </li>
                                            <li class="todo"><a class="priority2" href="#">Do this TODO - 7</a></li>
                                        </ul>
                                    </li>
                                    <li class="bug"><a class="priority2" href="#">Fix this bug - 25</a></li>
                                    <li class="bug"><a class="priority3" href="#">Fix this bug - 354</a></li>
                                    <li class="todo"><a class="priority1" href="#">Do this TODO - 99</a></li>
                                    <li class="todo"><a class="priority2" href="#">Do this TODO - 7</a></li>
                                    <li class="todo"><a class="priority3" href="#">Do this TODO - 254</a></li>
                                </ul>
                            </div>
                            <h3><a href="#">Networking</a></h3>
                            <div>
                                <ul id="Ul2" class="ui-widget ui-helper-clearfix">
                                    <li class="bug"><a class="priority1" href="#">Fix this bug - 189</a>
                                        <ul class="ui-widget ui-helper-clearfix">
                                            <li class="bug"><a class="priority3" href="#">Fix this bug - 354</a></li>
                                            <li class="todo"><a class="priority1" href="#">Do this TODO - 99</a>
                                                <ul class="ui-widget ui-helper-clearfix">
                                                    <li class="bug"><a class="priority2" href="#">Fix this bug - 354</a></li>
                                                    <li class="todo"><a class="priority1" href="#">Do this TODO - 99</a></li>
                                                    <li class="todo"><a class="priority3" href="#">Do this TODO - 7</a></li>
                                                </ul>
                                            </li>
                                            <li class="todo"><a class="priority2" href="#">Do this TODO - 7</a></li>
                                        </ul>
                                    </li>
                                    <li class="bug"><a class="priority2" href="#">Fix this bug - 25</a></li>
                                    <li class="bug"><a class="priority3" href="#">Fix this bug - 354</a></li>
                                    <li class="todo"><a class="priority1" href="#">Do this TODO - 99</a></li>
                                    <li class="todo"><a class="priority2" href="#">Do this TODO - 7</a></li>
                                    <li class="todo"><a class="priority3" href="#">Do this TODO - 254</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div id="tabDetails">
                        hello
                    </div>
                </div>
            </section>
        </section>
        <footer>
            <a href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.richardscomputer.co.uk%2FBugzX%2F" title="Valid HTML5" class="validHTML5">This website is valid HTML 5</a>
        </footer>
    </section>
</body>
</html>
